<template>
  <div>
    <el-upload
      action
      :show-file-list="false"
      :on-change="handleChange"
      :http-request="uploadFile"
      ref="upload"
      accept=".xlsx, .xls"
    >
      <el-button class="importButton" slot="trigger" size="mini" type="primary"
        >导入
      </el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  data() {
    return {
      file: {},
    };
  },
  methods: {
    handleChange(file) {
      // 上传文件，获取文件流
      console.log(file);
      this.file = file.raw;
    },
    uploadFile() {
      let form = new FormData();
      // 后端接受参数 ，可以接受多个参数,
      form.append("uploadFile", this.file);
      //   form.append("attacheCode", "MT0002");
      console.log(form, this.file);
      //   getImportExcel(form).then((res) => {
      //     var datas = res.data;
      //     if (datas && datas.length > 0 && datas.length <= 200) {
      //       this.tableForm.tableData = datas;
      //       this.total = this.tableForm.tableData.length;
      //     } else if (datas.length > 200) {
      //       this.$alert("导入数据最多200条", "提示", {
      //         confirmButtonText: "确定",
      //       });
      //       return;
      //     }
      //   });
    },
  },
};
</script>

<style>
</style>